<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8">
<title>房源详情</title>
<!-- 浏览器标签图标 -->
<link rel="shortcut icon" href="images/login.ico" type="image/x-icon" />
<!-- 引入jquery -->
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<!-- topbar css -->
<link rel="stylesheet" type="text/css" href="css/user/common.css" />
<link rel="stylesheet" type="text/css"
	href="css/user/personalZone/my_zone.css" />
<!-- 整体布局  -->
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/common.css" />
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/detail.css" />
<link rel="stylesheet" type="text/css" href="css/user/layer.css" />
<!-- 遮罩divcss -->
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/maskDiv.css" />
<link rel="stylesheet" type="text/css"
	href="css/foreground/housedetail/signln.css" />
<!-- 大小焦点图轮播js代码  -->
<script type="text/javascript" src="js/house/common.min.js"></script>
<script type="text/javascript" src="js/house/detail.min.js"></script>
<!-- topbar.js -->
<script type="text/javascript" src="js/homePage/topbar.js"></script>
<!-- 房屋信息加载  -->
<script type="text/javascript" src="js/house/houseDetail.js"></script>
<script type="text/javascript" src="js/house/yuyue.js"></script>
<style type="text/css">
.tipDiv {
	background: #000;
	left: 0%;
	right: 0%;
	position: absolute;
	opacity: 0.6;
}
</style>
</head>
<body style="margin: 0px" th:inline="text">
	<!-- 遮盖层 -->
	<div class="myd" style="display: none;" id="md"></div>
	<!-- topBar/ -->
	<div id="topBar">
		<div class="area clearfix">
			<div class="glbLeft">
				<ul class="top_list" style="display: block" id="lrUl">
					<li>hi，欢迎来到kzone</li>
					<li><a href="user_login.action?pageType=houseDetail"
						rel="nofollow">登录</a><i class="line"></i></li>
					<li><a href="user_register.action" rel="nofollow">注册</a></li>
					<li><a href="index.action" rel="nofollow">首页</a></li>
				</ul>
				<ul class="top_list" style="display: none" id="userUl">
					<li class="user"><img src="" width="20" width="20" class="img"
						name="userImg"><font></font><i class="line"></i> <b
						class="icon"></b> <!-- 用户uId --> <input type="hidden" value=""
						id="uId">
						<div class="con">
							<!-- 进入个人空间默认先进入我的收藏页面 -->
							<a href="toUserCollectHtml.action">个人空间</a> <a
								href="toPersonMsgHtml.action">编辑资料</a> <a
								href="publishMsgHtml.action">发布房源</a>
						</div></li>
					<li id='logout'><a>退出</a></li>
					<li><a href="index.action" rel="nofollow">首页</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- /topBar -->

	<div class="node_infor area">
		<!-- <a href="#"></a> &gt; <a href="#"></a> &gt; -->
	</div>

	<!-- area/用户直观可见部分开始 -->
	<div class="area clearfix">

		<!--room_detail_left/-->
		<div class="room_detail_left">
			<!-- 房源图片-轮播区域开始 -->
			<div id="lofslidecontent45" class="lof-slidecontent current_lof">
				<div class="lof-main-outer" id="cao">
					<div onclick="return false" href="javascript:;"
						class="lof-previous icon icon-prev"></div>
					<!--lof-previous -->
					<!-- 大图展示/ -->
					<ul class="lof-main-wapper lof-opacity" id="bigImg">

						<li th:each="photo,photoStat : ${photoList}"><span
							class="woshi"></span> <a href="#" class="pirobox_t6"> <img
								th:src="|http://123.207.146.44/house_images${photo.pPhotoUrl}${photo.pPhotoName}|"
								class="loadImgError" alt="海淀西二旗13号线,昌平线西二旗智学苑4居室"
								title="海淀西二旗13号线,昌平线西二旗智学苑4居室" />
						</a></li>
					</ul>
					<!-- /大图展示 -->
					<div onclick="return false" href="javascript:;"
						class="lof-next icon icon-next"></div>
					<!--lof-next -->
				</div>
				<!--lof-main-outer -->
				<div class="lof-navigator-wapper">
					<div onclick="return false" href="javascript:;"
						class="lof-previous icon icon-prev"></div>
					<!--lof-previous -->
					<div class="lof-navigator-outer">
						<!-- 小图展示/ -->
						<!-- <script type="text/javascript" th:inline="javascript">
							alert([[${photoList}]]);
						</script> -->
						<ul class="lof-navigator" id="smallImg">
							<li th:each="photo,photoStat : ${photoList}">
								<div class="lidiv">
									<img
										th:src="|http://123.207.146.44/house_images${photo.pPhotoUrl}${photo.pPhotoName}|" />
									<div class="bor_act"></div>
								</div>
							</li>
						</ul>
						<!-- /小图展示 -->
					</div>
					<!--lof-navigator-outer -->
					<div onclick="return false" href="javascript:;"
						class="lof-next icon icon-next"></div>
					<!--lof-next -->
				</div>
			</div>
			<!-- 房源图片-轮播区域结束 -->

			<!-- 关于此房源开始  -->
			<div class="title titleFirst">
				<span class="line"></span>
				<h2 class="cn">
					<span class="s"></span>关于此房源<span class="y">●</span> <input
						type="hidden" id="hId" value="">
				</h2>
				<p class="en">
					<a href="#" target="_blank" style="font-family: 'Microsoft Yahei'">房源信息纠错</a><span
						class="y">●</span>
				</p>
			</div>
			<div class="aboutRoom gray-6">
				<h3 class="fb">
					<strong>编号：</strong> BJHD84640181_03
				</h3>
				<p>
					<strong>周边：</strong>小区为环境优美入住率高，北门对面有庆丰包子铺，杨国福麻辣烫，好适口主食以及麻辣香锅等美食，小区有超市发超市及北京农商银行ATM机，小区往南有羊蝎子火锅，易家健身，配套设施齐全，出门步行亦可达中国邮政储蓄与中国工商银行，小区对面有西二旗益民市场，无论您是想吃饭，买菜水果，买狗粮猫粮甚至擦皮鞋，西二旗益民市场里一应俱全。
				</p>
				<br />
				<p>
					<strong>交通：</strong>距离地铁13号线西二旗站步行，是离西二旗地铁站最近的小区，且距离百度联想等大公司步行1可达，门口就有公交站，公交车线路四通八达，有392，114,618,996，可直达软件园，上地，安宁庄，五彩城等地，让您上班周末都自如！
				</p>
			</div>
			<!-- 关于此房源结束  -->

			<!-- 房屋配置开始，50px * 50px 小图标  -->
			<div class="title">
				<span class="line"></span>
				<h2 class="cn">
					<span class="s"></span>房屋配置<span class="y">●</span>
				</h2>
				<p class="en">
					Room Allocation<span class="y">●</span>
				</p>
			</div>
			<div class="configBox" id="configBox">
				<div class="load1" style="display: none">
					<div class="rect1"></div>
					<div class="rect2"></div>
					<div class="rect3"></div>
					<div class="rect4"></div>
					<div class="rect5"></div>
				</div>
				<ul class="configuration clearfix">
					<li class="have"><span class="bed"></span>床</li>
					<li class="have"><span class="chest"></span>衣柜</li>
					<li class="have"><span class="desk"></span>书桌</li>
					<li class="have"><span class="wifi"></span>Wi-Fi</li>
					<li class="have"><span class="washing"></span>洗衣机</li>
					<li class="have"><span class="calorifier"></span>热水器</li>
					<li class="have"><span class="air-condition"></span>空调</li>
					<li class="have"><span class="microwave"></span>微波炉</li>
				</ul>
			</div>
			<!-- 房屋配置结束  -->
		</div>
		<!--/room_detail_left-->


		<!--room_detail_right/-->
		<div class="room_detail_right">
			<div class="room_name">
				<h2 id="hCaption"></h2>
				<p class="pr">
					<span class="ellipsis" id="quyu"></span> <span class="price"><span
						class="room_price" id="hRent"></span><span class="gray-6">/月(季付)</span>
					</span>
				</p>
			</div>
			<div class="eventBox2016" id="eventBox2016"></div>
			<p class="room_tags clearfix">
				<span class="subway">交通便利</span> <span class="style">风格1.0 原味</span>
				<span class="balcony">独立阳台</span>
			</p>
			<ul class="detail_room">
				<li><b></b><font id="hSize"></font></li>
				<li><b></b><font id="hHeading"></font></li>
				<li><b></b><font id="hType"></font><span class="icons"
					id="hRentalMethod"></span></li>
				<li><b></b><font id="hFloor"></font></li>
				<li class="last"><b></b>位置： <span id="lineList"> <font
						id="hLocation"></font>
				</span></li>
			</ul>
			<!--/detail_room房子简单描述结束-->

			<!-- 用户操作区 -->
			<div class="room_btns clearfix">
				<!-- 加上viewGray变为灰色，房子已出租 -->
				<a class="btn view" id="zreserve">我要租房</a>
				<!--是否是配置中可预订,collectEnd加上表示已收藏-->
				<a href="javascript:;" class="btn collect" id="toCollect"><span
					class="icon"></span><span id="collectTxt">收藏</span></a>
				<div class="sharebtn pr">
					<a class="btn"><span class="icon"></span>分享</a>
				</div>
			</div>
			<!--从接口中获取管家信息-->
			<div class="r_fixed" id="r_fixed"></div>
			<!--/r_fixed-->

		</div>
		<!--/room_detail_right-->

	</div>
	<!--/area用户直观可见部分结束-->

	<!-- 收藏成功提示按钮/  -->
	<div class="layui-layer layui-layer-page  layer-anim" id="souchangDiv"
		type="page" times="1" showtime="0" contype="string"
		style="z-index: 19891015; width: 350px; height: auto; top: 329px; left: 500px; display: none">
		<div class="layui-layer-title" style="cursor: move;" move="ok">提示</div>
		<div id="" class="layui-layer-content" style="height: 89px;">
			<div class="collect_success" style="height: 10px">
				<h3>该房源收藏成功</h3>
				<p>
					<a href="toCollectManageHtml.action" class="see_room org">查看已收藏的房源&gt;&gt;</a>
				</p>
			</div>
		</div>
		<span class="layui-layer-setwin"><a id="close2"
			class="layui-layer-ico layui-layer-close layui-layer-close1"
			href="javascript:;"></a></span>
	</div>
	<!-- /收藏成功提示按钮  -->

	<!-- 预约看房按钮/ -->
	<div class="layui-layer layui-layer-page  layer-anim" id="yuyueDiv"
		type="page" times="2" showtime="0" contype="string"
		style="z-index: 19891016; width: 400px; height: 280px; top: 180px; left: 500px; display: none">
		<div class="layui-layer-title" style="cursor: move;" move="ok">我要看房</div>
		<div id="" class="layui-layer-content" style="height: 237px;">
			<div class="modal-content-detail"
				style="width: 250px; height200px; margin: 0 auto;">
				<div class="control-group">
					<span class="m_icon user"></span><input type="text" id="y_name"
						maxlength="20" placeholder="请输入您的姓名" value="" class="inp_txt">
					<input id="userNameFlag" type="hidden" value="false">
				</div>
				<div class="control-group">
					<span class="m_icon tel_icon"></span><input type="text"
						id="y_phone" value="" class="inp_txt" placeholder="请输入您的手机号">
					<input id="userPhoneFlag" type="hidden" value="false">
				</div>
				<div class="control-group clearfix">
					<button value="确 定" class="org_btn" id="toYuyue">确 定</button>
				</div>
			</div>
		</div>
		<span class="layui-layer-setwin"><a
			class="layui-layer-ico layui-layer-close layui-layer-close1"
			id="close1" href="javascript:;"></a></span>
	</div>
	<!-- /预约看房按钮 -->

	<div id="nameTip" class="layui-layer tipDiv"
		style="z-index: 19891017; top: 300px; left: 605px; width: 120px; height: 40px; display: none">
		<p style="margin-top: 9px; margin-left: 13px;">
			<font color="#FFFFFF" size="2">请输入用户姓名</font>
		</p>
	</div>
	<div id="phoneCodeTip" class="layui-layer tipDiv"
		style="z-index: 19891017; top: 300px; left: 605px; width: 140px; height: 40px; display: none">
		<p style="margin-top: 9px; margin-left: 13px;">
			<font color="#FFFFFF" size="2">请输入正确的手机号</font>
		</p>
	</div>
	<div id="successTip" class="layui-layer tipDiv"
		style="z-index: 19891017; top: 300px; left: 605px; width: 140px; height: 40px; display: none">
		<p style="margin-top: 9px; margin-left: 13px;">
			<font color="#FFFFFF" size="2">预约成功</font>
		</p>
	</div>

	<!-- 提示去登陆DIV/ -->
	<div class="layui-layer layui-layer-page  layer-anim" id="loginTipDiv"
		type="page" times="1" showtime="0" contype="string"
		style="z-index: 19891015; width: 350px; height: auto; top: 329px; left: 500px; display: none">
		<div class="layui-layer-title" style="cursor: move;" move="ok">提示</div>
		<div class="layui-layer-content" style="height: 60px;">
			<div class="collect_success" style="height: 10px">
				<p>
					<a href="user_login.action?pageType=houseDetail"
						class="see_room org"><font size="3">您好，请先登录</font></a>
				</p>
			</div>
		</div>
		<span class="layui-layer-setwin"><a id="close3"
			class="layui-layer-ico layui-layer-close layui-layer-close1"
			href="javascript:;"></a></span>
	</div>
	<!-- /提示去登陆DIV -->

	<!-- 登录DIV/ -->
	<div class="S_signInBox" style="display: none; z-index: 19891016;"
		id="signln">
		<!-- 关闭按钮 -->
		<i class="S_closeBtn" id="J_closeBtn"></i>
		<!-- 选项卡 -->
		<ul class="S_signInTabBtn clearfix" id="J_signInTabBtn">
			<li class="on" style="float: none;"><span>账号密码登录</span></li>
		</ul>
		<div class="S_signInTabBox">
			<!-- 快捷登陆 /-->
			<div class="S_signInTabItem J_signInTabItem" style="display: block">
				<ul class="S_signFormUl">
					<li><input type="text" placeholder="请输入手机号" id="J_phoneNum">
					</li>
					<li><input type="text" placeholder="请输入验证码" id="J_msgCodeIpt">
						<span class="S_getCode" id="J_getCode">获取验证码</span></li>
				</ul>
				<p class="S_signInErrorTxt" id="J_signInErrorTxt1">请输入账号密码</p>
				<input type="button" value="登录" class="S_signInBtn"
					id="J_signInBtn1">
			</div>
			<!-- /快捷登陆 -->
			<!-- 账号密码登陆/ -->
			<div class="S_signInTabItem J_signInTabItem" style="display: block">
				<ul class="S_signFormUl">
					<li><input type="text" placeholder="请输入用户名/手机号/邮箱"
						id="J_username"></li>
					<li><input type="password" placeholder="请输入6-16位密码"
						id="J_password"></li>
				</ul>
				<p class="S_signInErrorTxt" id="J_signInErrorTxt2">请输入账号密码</p>
				<div class="S_signInSetting clearfix">
					<a href="#" class="S_forgetPassword">忘记密码</a>
				</div>
				<input type="button" value="登录" class="S_signInBtn"
					id="J_signInBtn2">
			</div>
			<!-- /账号密码登陆 -->
		</div>
		<!-- 去注册 -->
		<p class="S_goRegister">
			没有账号？现在就去 <a href="#">注册</a>
		</p>
	</div>
	<!-- /登录DIV -->
</body>

</html>